<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>blog</title>
    <link href="/static/bootstrap/dist/css/bootstrap.css" rel="stylesheet"></link>
    {% block head_css %}
    <link href="/static/css/blog.css" rel="stylesheet"></link>
    {% end %}
    {% block extends_css %}
    {% end %}
</head>
<body>
<nav class="navbar navbar-default  navbar-fix-top " id="navbar"  role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand"id="bank" href="#">ISA</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav" id="mytab">
                <li  role="presentation" class="active"><a href="#">Course <span class="sr-only">(current)</span></a></li>
                <li role="presentation"><a href="/blog">Blog</a></li>
                <li role="presentation"><a href="#">Artical</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">About <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">The histoy about ISA</a></li>
                        <li ><a href="#">The members of ISA</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Recent activities</a></li>
                    </ul>
                </li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a id="login" href="/login" title="sign in">log in</a></li>
                <li class="btn"> <button type="submit" class="btn btn-success" >sign up</button></li>
            </ul>
            <form class="navbar-form navbar-left" role="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                    <span class=" glyphicon glyphicon-search"></span>
                </div>
            </form>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="head">
    <h1 class="ban" >The ISA Blog</h1>
    <h3>Thoughts, course and ideas.</h3>
    <span class="glyphicon glyphicon-menu-down"></span>
</div>
<div class="mainartical">
    <article class="post1">
        <header class="post-header">
            <h2 class="post-title"><a class="abstract" href="#">中文some words to test,中文</a></h2>
        </header>
        <section class="post-excerpt">
            <p>需要写一些文字来测试一下需要写一些中文啦啦啦！About the beginning of the article.I don't have any words to say..In this way,lalalalalalala to make it looks nice!the words is still not enough,还是多写一些字吧！虽然感觉不好看．．．．<a class="read-more" href="#" id="read">&raquo;</a></p>
        </section>
        <footer class="post-meta">
            <p class="message">author</p>
            <p class="message">3 February 2016</p>
            <hr>
        </footer>
    </article>
</div>
<div class="mainartical">
    <article class="post1">
        <header class="post-header">
            <h2 class="post-title"><a class="abstract" href="#">中文some words to test,中文</a></h2>
        </header>
        <section class="post-excerpt">
            <p>需要写一些文字来测试一下需要写一些中文啦啦啦！About the beginning of the article.I don't have any words to say..In this way,lalalalalalala to make it looks nice!the words is still not enough,还是多写一些字吧！虽然感觉不好看．．．．<a class="read-more" href="#" id="read">&raquo;</a></p>
        </section>
        <footer class="post-meta">
            <p class="time">3 February 2016</p>
            <hr>
        </footer>
    </article>
</div>
<div class="mainartical">
    <article class="post1">
        <header class="post-header">
            <h2 class="post-title"><a class="abstract" href="#">中文some words to test,中文</a></h2>
        </header>
        <section class="post-excerpt">
            <p>需要写一些文字来测试一下需要写一些中文啦啦啦！About the beginning of the article.I don't have any words to say..In this way,lalalalalalala to make it looks nice!the words is still not enough,还是多写一些字吧！虽然感觉不好看．．．．<a class="read-more" href="#" id="read">&raquo;</a></p>
        </section>
        <footer class="post-meta">
            <p class="time">3 February 2016</p>
            <hr>
        </footer>
    </article>
</div>
<div class="mainartical">
    <article class="post1">
        <header class="post-header">
            <h2 class="post-title"><a class="abstract" href="#">中文some words to test,中文</a></h2>
        </header>
        <section class="post-excerpt">
            <p>需要写一些文字来测试一下需要写一些中文啦啦啦！About the beginning of the article.I don't have any words to say..In this way,lalalalalalala to make it looks nice!the words is still not enough,还是多写一些字吧！虽然感觉不好看．．．．<a class="read-more" href="#" id="read">&raquo;</a></p>
        </section>
        <footer class="post-meta">
            <p class="time">3 February 2016</p>
            <hr>
        </footer>
    </article>
</div>
<div class="foot">
    <p class="text-center" id="footer">Information security association</p>
</div>
<script src="/static/jquery/dist/jquery.min.js"></script>
<script src="/static/bootstrap/dist/js/bootstrap.js"></script>
{% block body_js %}
<script src="/static/js/blog.js"></script>
{% end %}
{% block extends_js %}
{% end %}
</body>
</html>